<template>
  <div id="app">
    <Login></Login>
    <router-view></router-view>
  </div>
</template>

<script>
import Login from "@/components/Login";

export default {
  name: 'App',
  components: {
    Login
    // HelloWorld
  },
  mounted() {
    //禁止调试
    /*(function noDebuger(){
      function testDebuger(){
        const d = new Date();
        // eslint-disable-next-line no-debugger
        debugger;
        if(new Date()-d>10){
          document.body.innerHTML='<div>年轻人，不要太好奇</div>';
          return true;
        }
        return false;
      }

      function start(){
        while(testDebuger()){
          testDebuger();
        }
      }
      if(!testDebuger()) {
        window.onblur = function(){
          setTimeout(function(){
            start();
          },500)
        }
      }
      else{
        start();
      }
    })();*/
  }
}
</script>

<style>
body, html {
  height: 100%;
  background-color: #f4f4f4;
  /*background-color: white;*/
}

body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, p, pre, code, form, fieldset, legend, input, button, textarea, blockquote {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

::-webkit-scrollbar {
  color: #ccc;
  background-color: #ccc;
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background: #717576;
}

li {
  list-style: none;
}

a, a:hover, a:visited {
  text-decoration: none;
}

p {
  word-wrap: break-word;
}
.clearfix:after {
  content: "020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  /* 触发 hasLayout */
  zoom: 1;
}

#app {
  font-family: "Helvetica Neue", "Helvetica", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  color: #000000;
  background-color: #f4f4f4;
  /*background-color: white;*/
  font-size: 14px;
  /*SearchFrom监听的最小宽度也需要同步修改*/
  min-width: 1440px;
  position: relative;
  min-height: calc(100vh - 60px);
  /*height: 4000px;*/
  height: 100%;
}

.container {
  /*width: 1226px;*/
  min-width: 1440px;
  margin: 0 auto;
}

.svg-img {
  vertical-align: middle;
  position: absolute;
}

.el-button--myBlue:hover {
  background: #4cb5cf !important;
  border-color: #4cb5cf !important;
  color: #FFF !important;
}

.el-button--myBlue {
  background-color: #4C93CF !important;
  border-color: #4C93CF !important;
  color: #FFF !important;
}

/*载入动画*/
.v-enter-active, .v-leave-active {
  transition: all 0.3s;
}

.v-enter, .v-leave-to {
  opacity: 0;
  transform: translateY(80px);
}

.v-leave-active {
  position: absolute;
}

.v-move {
  transition: all 0.3s;
}

/*搜索高亮*/
highlight {
  color: #000000!important;
  font-weight: 700!important;
  background-color: yellow!important;
}

/*el-table*/
.el-table {
  color: #000
}

.el-table .orange {
  background: var(--table-hover)
}

.el-table--enable-row-hover .el-table__body tr:hover>td {
  background-color: var(--table-hover)
}

.el-table__row {
  cursor: default
}

.el-table th {
  text-align: center!important;
  color: var(--table-th-font);
  font-size: 20px;
  background-color: var(--table-th)
}

.el-table td {
  text-align: center!important;
  padding: 8px 0!important
}

.el-checkbox__inner {
  width: 24px!important;
  height: 24px!important;
  border-radius: 4px!important
}

.el-checkbox__inner:after {
  box-sizing: content-box!important;
  content: ""!important;
  border: 4px solid #fff!important;
  border-left: 0!important;
  border-top: 0!important;
  height: 15px!important;
  left: 6px!important;
  position: absolute!important;
  top: 1px!important;
  transform: rotate(45deg) scaleY(1)!important;
  width: 6px!important;
  transition: transform .15s ease-in .05s!important;
  transform-origin: center!important;
  z-index: 2
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
  content: ""!important;
  position: absolute!important;
  display: block!important;
  background-color: #fff!important;
  height: 6px!important;
  transform: scale(.7)!important;
  left: 0!important;
  right: 0!important;
  top: 7px!important
}

.admin-info-table {
  height: calc(100vh - 230px)!important
}

.admin-info-table .el-table__body-wrapper {
  height: calc(100vh - 280px)!important
}
</style>
